<div
  class="entry"
  [class.sole]="research.researchToUnlock?.length == 1"
  *ngFor="let res of research.researchToUnlock; trackBy: getResId"
>
  <span class="label" nz-popover [nzPopoverContent]="contentTemplate">
    <i nz-icon [nzType]="res.type.icon" [style.color]="res.type.color"></i>
    <span [class.text-success]="res.level > 0"> {{ res.name }} </span>
  </span>

  <ng-template #contentTemplate>
    <app-research-preview
      [noProgress]="true"
      [research]="res"
    ></app-research-preview>
  </ng-template>
  <div class="branch" *ngIf="res.researchToUnlock?.length > 0">
    <app-tree-node [research]="res"></app-tree-node>
  </div>
</div>
